<template>
	<div>
		<!-- 用户行 -->
		<div class="mb-20px">
			<UserBlock :email="userInfo.email" :id="userInfo.id" :register="userInfo.register" :url="userInfo.url" />
		</div>

		<!-- 新手指引 -->
		<div class="mb-20px">
			<Guide></Guide>
		</div>
		<!-- 总资产 -->
		<div class="mb-20px">
			<TotalAssets></TotalAssets>
		</div>
		<!-- 投资组合 -->
		<div class="mb-20px">
			<Portfolio />
		</div>
		<!-- 市场行情 -->
		<div class="mb-20px">
			<Market />
		</div>
	</div>
</template>
<script lang="ts" setup>
import UserBlock from '../components/UserBlock.vue';
import Guide from '../components/Guide.vue';
import TotalAssets from '../components/TotalAssets.vue';
import Portfolio from '../components/Portfolio.vue';
import Market from '../components/Market.vue';

const userInfo = ref({
	email: 'Hi,231****@qq.com',
	id: '000000000',
	register: '000000000',
	url: '/more/avatar.jpeg'
})
</script>
